/* index css */

@import 'share';
@import 'styleset';

/*/////////////////////*/
/* index header */
/*/////////////////////*/
#topbox{
	margin: 0;
}

hgroup#topheader                               {
@include clearfix;
overflow:hidden;
}

hgroup#topheader .catch {
font-family                                    : 'UD Reimin Medium';
font-size                                      : 3.8em;
color                                          : #EB5802;
display                                        : inline-block;
float                                          : right;
line-height                                    : 1.3;
margin                                         : 14% 0 5% 0;
font-weight: normal;
}


/*/////////////////////*/
/* div#topright */
/*/////////////////////*/
div#topright {
    margin-top:40px;
}

/*/////////////////////*/
/* special */
/*/////////////////////*/
section#special {
@include backcolor(-100,'cover',$main_color1);
@include clearfix;
}

section#special div.hd {
float                                          : left;
width                                          : 25%;
padding	:3%;
}

section#special div.hd b{
	display: block;
	font-size: 1.786em;
	font-weight: normal;
}

section#special div.hd div.square {
display                                        : table-cell;
font-size                                      : .95em;
font-family                                    : $gothicfont;
line-height                                    : 1.3;
color                                          : #ffffff;
text-align                                     : center;
vertical-align                                 : middle;

background-color                               : #94C33A;
border-radius                                  : 100%;
-webkit-border-radius                          : 100%;
-moz-border-radius                             : 100%;

box-shadow                                     : 0 5px 9px rgba(0,0,0,0.16);
-webkit-box-shadow                             : 0 5px 9px rgba(0,0,0,0.16);
-moz-box-shadow                                : 0 5px 9px rgba(0,0,0,0.16);

visibility                                     : hidden;
}

section#special div.context3{
    font-family: $main_font;
    font-size: 1.7em;
    font-weight: normal;
    text-align: center;
    line-height: 2.2em;
    margin: 0 0 0 2%;
    padding: 0;
}

section#special ul li{
border-radius                                  : 5px;
-webkit-border-radius                          : 5px;
-moz-border-radius                             : 5px;
background-color:rgba(255,255,255,0.8);
min-height: 130px;

}

section#special ul li figure{
	margin: 3% ;

}

section#special ul li figcaption a{
	color: $main_color2;
}

section#special ul li figcaption p{
	margin: 0.7em 0 0 0;
	font-weight: bold;
}

section#special ul li figcaption span{
	display: block;
}

section#special ul li span.next a{
	display: block;
	text-align: right;
	margin: -10% 1% 0 0;
}


div#specialbox {
    overflow:hidden;
}

div#specialbox div.context {
float                                          : right;
width                                          : 73%;
font-family                                    : 'Ryumin Regular KL';
}

div#specialbox div.context h3{
font-size                                      : 2em;
font-family                                    : 'Ryumin Regular KL';
line-height: 2.5em;
font-weight: normal;
margin: 0;
padding: 0;
}

div#specialbox div.context h3 span{
	font-size: 2.5em;
	filter: alpha(opacity=70);
	-moz-opacity:0.70;
	opacity:0.70;
	vertical-align: middle;
}

div#specialbox div.context p {
font-size                                      : 1em;
line-height                                    : 1.5;
font-family                                    : 'Ryumin Regular KL';
margin: 0 0 0 2em;
}

div#specialbox div.context b{
	margin: 0.5em 0 0 0;
	padding: 0;
	font-weight: normal;
	font-size: 1.5em;
}


/*/////////////////////*/
/* house */
/*/////////////////////*/
section#house {
@include backcolor(-90,'color',$main_color2);
@include clearfix;
color:#ffffff;
margin: 0;
}

section#house ul#house_grid {
position: relative; 
width: auto;
display: block; 
}

section#house ul#house_grid li {
    list-style-type:none;
    max-width:150px;
}

section#house div.headerbox {
padding                                        : 5% 0 3% 0;
}

section#house div.header {
font-family                                    : 'Ryumin Regular KL';
padding                                        : 1%;
background-color: $main_color3;
/*
background-image                               : -webkit-gradient(linear, left top, left bottom,color-stop(0, rgb(83, 172, 210)),color-stop(1, rgb(83, 172, 210)),color-stop(1, rgb(204, 204, 204)));
background-image                               : -moz-linear-gradient(-90deg,rgb(83, 172, 210) 0%,rgb(83, 172, 210) 100%,rgb(204, 204, 204) 100%);
background-image                               : linear-gradient(-90deg,rgb(83, 172, 210) 0%,rgb(83, 172, 210) 100%,rgb(204, 204, 204) 100%);
*/
border-radius                                  : 10px;
-webkit-border-radius                          : 10px;
-moz-border-radius                             : 10px;
}

section#house div.header h3.title {
color                                          : $main_color2;
font-size: 1.786em;
font-weight: normal;
margin: 0 0 0 1%;
padding: 0;
}

section#house div.header img{
	margin: 0 3% 0 0;
	padding: 0;
	vertical-align: text-top;
	text-align: left;
}

section#house div.header p{
	margin: -3% 0 0 17%;
}


section#house div.row{
	margin: 0 ;
}

section#house div.row div.half{
	margin: 0 1% 5% 0;
	width: 49%;	
	overflow: hidden;
}

section#house div.row div.half figure{
	text-align: center;
}

section#house div.row div.half figure img{
	height: 230px;
}

section#house div.row div.half:nth-child(even){
	margin: 0 0 5% 0 ;	
}

section#house div.row div.half figure figcaption{
	margin: 0 0 0 2.5em;
}

section#house div.row div.half h3{
	color: $main_color4;
	font-weight:normal; 
	font-size: 1.5em;
	margin: 2% 1% 0 0;
	text-align: left;
}

section#house div.row div.half h4{
	font-weight: normal;
	text-align: left;
	font-size: 1.1em;
	margin: 0;
	padding: 0;
}

/*/////////////////////*/
/* builder */
/*/////////////////////*/
section#builder a.hp_link {
display                                        : inline-block;
/*background                                     : url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAUAAAAKCAYAAAB8OZQwAAAAGUlEQVQImWNgQAMpyw79RxfDFBysqhgYGABsdBvvmNHluwAAAABJRU5ErkJggg==') repeat;
padding                                        : 3% 5%;*/
	background: url(/_cms_sogokan/common/img/strip_05_105.gif);
    color: $main_color3;
    font-size: 1em;
    padding: 0.2em 0.5em;
    text-decoration: none;
font-family: $gothicfont;
	filter: alpha(opacity=80);
	-moz-opacity:0.80;
	opacity:0.80;
}

section#builder {
}

section#builder li {
}

section#builder div.header_box {
padding                                        : 0 0 30px 0;
    position:relative;
}

section#builder div.header {
padding                                        : 3%;
	-moz-border-radius: 12px;
	-webkit-border-radius: 12px;
	border-radius: 12px;
	background: url(/_cms_sogokan/common/img/paper.png);
	background-repeat: repeat;
	background-position: left top;
}

section#builder div.header_box .tsuta {
    position:absolute;
    top:200px;
    left:95px;
    z-index:-10;
}


section#builder div.header_box div.header h2 {
font-family                                    : 'Kyoukasho ICA Light';
line-height                                    : 1.3;
font-size                                      : 1.8em;
text-align: justify;
font-weight: normal;
}

/*section#builder h3 {
font-size                                      : 1em;
color                                          : #64A6C2;
margin                                         : 5% 0;
}
*/

section#builder div.ph  {
font-size                                      : 0.9em;
text-align: center;
}

section#builder ul li {
background-color                               : #ffffff;
padding                                        : 2% 2% 0 2%;
}

section#builder ul li h3{
	font-size: 1.1em;
	font-family: $gothicfont;
	font-weight: normal;
	color: $sub_color3;
    margin:0;
}

section#builder ul li .hp_link_box {
    text-align:center;
    margin:3px 0 8px 0;
}

/*/////////////////////*/
/* eventosusume */
/*/////////////////////*/
div#eventosusume {
@include backcolor(-70,'cover',$main_color1);
@include clearfix;
}


/* event */

section#event,
section#osusume {
border-radius                                  : 5px;
-webkit-border-radius                          : 5px;
-moz-border-radius                             : 5px;
background-color: #fff;
margin: 2% 0;
}

section#event h3,
section#osusume h3{
	font-weight: normal;
	font-size: 1.786em;
	margin: 0;
	padding: 1%;
	border-bottom: 1px dotted $main_color2;
}

section#event h3 span{
	font-size: 0.7em;
	margin: 0 0 0 5%;
}

section#osusume h3 span{
	font-size: 0.7em;
	margin: 0 0 0 3%;	
}

section#event h3 b,
section#osusume h3 b {
	font-size: 0.6em;
	margin: 0 ;
	background-color: #999;
	padding: 0.7%;
	font-weight: normal;
}

section#osusume h3 b{
	margin: 0 0 0 3%;
}

section#event h3 b a,
section#osusume h3 b a{
	color: #fff;
}

section#event h3 img,
section#osusume h3 img{
vertical-align: text-bottom;
margin: 0 1% 0 0;
}

section#event div.event,
section#osusume div.osusume{
	border-top: 1px solid $main_color2;
	margin: .5% 0 ;
	padding :3%;
}

section#event div.event div.row,
section#osusume div.osusume div.row{
	border-bottom: 2px dotted $main_color3;
	padding: 0 0 1% 0;
}

section#event div.event div.quarter a{
	text-decoration: none;
	color: $main_color2;
}

section#event div.event div.quarter a span{
	display: inline-block;
}


section#event div.event div.threequarter a{
	text-decoration: none;
	color: $sub_color3;	
	font-family: $gothicfont;
	font-weight: normal;
}


section#osusume div.osusume h3.area{
	color: $main_color3;
	font-family: $gothicfont;
	font-size: 1.3em;
	border: none;	
	padding: 0;
	margin: 0 0  0.5em 0;
}

section#event div.event div.threequarter span{
	text-align: right;
	display: block;
	margin: -5% 2% 0 0;
}

section#osusume div.osusume div.threequarter span{
	text-align: right;
	display: block;
	margin: 3% 2% 0 0;
}

section#osusume div.osusume div.threequarter span a{
	font-family: $gothicfont;
	font-weight: normal;
}



section#event div.event div.threequarter span a,
section#osusume div.osusume div.threequarter span a{
	color: #fff;
	background-color: $main_color3;
	font-size: 1em;
	padding: 0.7%;
	text-decoration: none;
}

section#osusume div.osusume div.quarter .paneoimg img{
	vertical-align: middle;
}

div#eventosusume div.outer div.cover img{
	vertical-align: top;
}


/*ブログ*/

section#blog{
	background-color: $other_color3;
	overflow: hidden;
}

section#blog h2{
	background: url(/_cms_sogokan/common/img/blog_title_pic.png);
	background-repeat: no-repeat;
	background-position: 90%  bottom;
	height: 150px;
}

section#blog h2 img{
	margin: 0.5em 0 0 2em;
}

section#blog h3{
	margin: -3em 0 0 4em;
	font-weight: normal;
	font-size: 1.3em;
}

section#blog h4{
	font-weight: normal;
	font-size: 1.076em;
}

section#blog h4 a{
		color:$main_color3;
		font-family: $gothicfont;
}

section#blog ul{
	margin: 1em 0 0 0;
	padding-bottom: 5em;
	background: url(/_cms_sogokan/common/img/blog_footer.png);
	background-repeat: repeat-x;
	background-position: center  bottom;
	
}

section#blog ul li{
border: 1px solid $sub_color4;
border-radius                                  : 5px;
-webkit-border-radius                          : 5px;
-moz-border-radius                             : 5px;
background-color: #fff;
margin: 0.3em ;
padding: 1% 2%;
min-height: 180px;	
}


/*まるわかり --> site.cssに移植*/
/*
section#maruwakari{
	margin: 5% auto;
	overflow: hidden;
}

section#maruwakari div#kitt h4{
	border-bottom: 2px dotted $main_color4;
	padding-bottom: 1%;
	font-weight: normal;
}

section#maruwakari div#kitt h5{
	font-size: 3.036em;
	border-bottom: 2px solid $main_color2;
	padding-bottom: 2%;
	margin: 0 0 1% 0;
	font-weight: normal;
}

section#maruwakari div#kitt div.text strong{
	color: $main_color5;
	font-size: 1.071em;
	font-weight: normal;
}

section#maruwakari div#kitt div.text ul li{
	list-style-type: none;
	margin: 1% 0;
}

section#maruwakari div.ph{
	background: url(/_cms_sogokan/img/bk_page_index_maruwakarikitt_img);
	background-size:contain;
	background-repeat: no-repeat;
	text-indent: 100%;
	white-space: nowrap;
	overflow: hidden;
	padding-bottom: 15%;
}

section#maruwakari div.kitttop{
	border-bottom: 5px solid $main_color4;
	padding-bottom: 2%;
	margin: 0 0 2% 0;
}

section#maruwakari div.kitt3 h3{
	text-align: center;
	font-weight: normal;
}

section#maruwakari div.kitt3 ul.block-three{
	margin: 0 auto;
}

section#maruwakari div.kitt3 ul.block-three li{
border: 2px solid $main_color4;
border-radius                                  : 5px;
-webkit-border-radius                          : 5px;
-moz-border-radius                             : 5px;
background-color: #fff;
margin: 2% 1% ;
padding: 1% 2%;
min-height: 205px;
}

section#maruwakari div.kitt3 ul.block-three li b{
	font-size: 1.786em;
	color: $main_color4;
	line-height: 1.8em;
}

section#maruwakari div.kitt3 ul.block-three li p{
	color: $main_color5;
	margin: 1% 0 ;
}

section#maruwakari div.kitt3 ul.block-three li p strong{
	font-size: 1.786em;
}

section#maruwakari div.kitt3 ul.block-three li p span{
	color: $main_color2;
	display: block;
	font-size: 0.8em;
	padding: 2% 0 0 ;
}

section#maruwakari div.kitt3 div.otoriyose{
	text-align: center;
}

section#present {
border-radius                                  : 5px;
-webkit-border-radius                          : 5px;
-moz-border-radius                             : 5px;
background-color: #F7F8D4;
margin: 2% 0;
padding: 1% 2%;
overflow: hidden;
}

section#present h3{
	font-weight: normal;
	margin: 0 0 1% 0;
	padding: 0;
}

section#present ul li{
	width: 90px;
	margin: 0 1% 0 0;
}

section#present ul li img{
	width: 90px;
	max-height: 115px;
}

section#present ul li h4{
	font-size: 0.8em;
	font-weight: normal;
	margin: 2% 0;
	color: $main_color4;
	margin: 1em 0;
	height: 30px;
}

section#present ul li h5{
	font-size: 0.8em;
	font-weight: normal;
	margin: 1em 0;
	height: 35px;
}



section#present ul li a.link{
 background: url(/_cms_sogokan/common/img/index/present_a_tag.png); 
 background-repeat: repeat;
 background-position: left top;
 	display: inline-block;
    padding: 3% 5%;
    margin: 1em 0;
    text-align: center;
    text-decoration: none;
    line-height: 1em;
}
*/
